<script setup lang="ts">
const {waterForm} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
}>();

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 吹扫捕集-气相色谱质谱法分析原始记录（一）（B面）</h1>
    <div>SXLPHJ/JL/CX-22-85</div>
    <div style="display: flex;">
      <table class="table" style="width: 200%;">
        <tr>
          <td colspan="10">
            溶液配制
          </td>
        </tr>
        <tr>
          <td>序号</td>
          <td>标准贮备液编号</td>
          <td>标准贮备液浓度(mg/L)</td>
          <td>贮备液有效日期</td>
          <td>移取贮备液体积(μL)</td>
          <td>定容体积(mL)</td>
          <td>中间液浓度()</td>
          <td>移取中间液体积（μL）</td>
          <td>定容体积(mL)</td>
          <td>使用液浓度()</td>
        </tr>
        <tr v-for="(item,index) in waterForm.bdatas.rypz" :key="index">
          <td>{{ index + 1 }}</td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_bzxbybh"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_bzzbynd"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_zbyyxrq"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_yqzbytj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_drtj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_zjynd"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_yqzjytj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_drtj2"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.ry_syynd"></el-input>
          </td>
        </tr>
      </table>
      <table class="table">
        <tr>
          <td colspan="5">校准曲线配制</td>
        </tr>
        <tr>
          <td>待测物使用液加入量(μL)</td>
          <td>替代物使用液加入量(μL)</td>
          <td>内标使用液加入量(μL)</td>
          <td>定容体积(mL)</td>
          <td>曲线浓度（ ）</td>
        </tr>
        <tr v-for="(item,index) in waterForm.bdatas.jzqxpz" :key="index">
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_dcwsyyjrl"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_tdwsyyjrl"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_nbsyyjrl"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_drtj"></el-input>
          </td>
          <td>
            <el-input placeholder="请输入"
                      v-model="item.jz_qxnd"></el-input>
          </td>
        </tr>
      </table>
    </div>
    <table class="table">
      <tr style="background-color: #f2f2f2;">
        <td colspan="28">曲线信息见
          <el-input style="width: 200px;border: 1px solid transparent"/>
          页
        </td>
      </tr>
      <tr>
        <td colspan="1" rowspan="5" style="width: 3%;">平行样</td>
        <td colspan="2">样品编号</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="2">质控要求</td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.ypbh1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz3"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc3"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg3"/>
        </td>
        <td colspan="2" rowspan="4"><25%</td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.ypbh4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz6"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.ypbh6"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw8"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.tdw9"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz9"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.xdpc9"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.sfhg9"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.ypbh10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.pxycd_fx.cdz10"/>
        </td>
      </tr>
      <tr>
        <td colspan="1" rowspan="6" style="width: 3%;">加标样</td>
        <td colspan="2">样品编号</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="2">替代物</td>
        <td colspan="2">测定值（μg/L）</td>
        <td colspan="2">相对偏差（%）</td>
        <td colspan="2">是否合格</td>
        <td colspan="4" rowspan="6"><25%</td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.ypbh1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg1"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw1"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg2"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw3"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz3"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc3"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg3"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.ypbh4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz4"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz5"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz6"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.ypbh6"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw6"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg7"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw8"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg8"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.tdw9"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz9"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.xdpc9"/>
        </td>
        <td colspan="2" rowspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.sfhg9"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.ypbh10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz10"/>
        </td>
        <td colspan="2">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.cdz10"/>
        </td>
      </tr>
      <tr>
        <td colspan="2">加标信息</td>
        <td colspan="24">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.jbycd.jbxx"/>
        </td>
      </tr>
      <tr>
        <td colspan="3">样品替代物的回收率</td>
        <td colspan="25">样品替代物回收率在70%-130%。</td>
      </tr>
      <tr>
        <td colspan="2">备注</td>
        <td colspan="26">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
  text-align: center;
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}


.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>

